#conButt{display:none;}
    #myBtn{
        color:green;
        cursor:pointer;
    }
    #myBtn:hover{
        color:red;
    }
    #more{
        display:none;
    }
    #containter{
        width:100%;
        margin-left:0%;
        margin-right:0%;
        background:white;
    }
    #containter1{
        width:90%;
        margin-left:5%;
        margin-right:5%;
        background:white;
        padding:20px 0px;
    }
    .single_image{
        width:250px;
        height:250px;
        position:relative;
        
        padding:10px;
        margin-top:10px;
        z-index:1;
    }
        .single_image img{
        width:230px;
        height:230px;
        z-index:2;
    }
    .bread{
margin-left:5%;
padding:5px 0px;
}


    .formdiv{
        position:relative;
        z-index:25;
        margin-top:-60px;
        width:90%;
        margin-left:5%;
        margin-right:5%;
        height:130px;
        background-image: linear-gradient(to bottom right,#33ccff,#b30086);
        border-radius:5px;
    }
        #formheading{
        padding:20px 0px 15px 0px;
        text-align:left;
        color:white;
        letter-spacing:1px;
        margin-left:3%;
    }
        #formcall{
        font-size:25px;
        position:absolute;
        float:right;
        right:180px;
        top:20px;
        color:white;
    }
    #formcontact{
        position:absolute;
        float:right;
        right:45px;
        top:20px;
        color:white;
        letter-spacing:1px;
    }
     #input1:first-child{
        margin-left:3%;
    }
    #input1{
        width:18.5%;
        margin-left:1%;
        margin-right:0.5%;
        padding:7px 5px;
        background:none;
        border-bottom:#fff 2px solid;
        border-left:none;
        border-right:none;
        border-top:none;
        color:white;
        border-radius:3px;
    }
    #input2{
        margin-left:1%;
        width:13%;
        padding:12px 5px;
        text-align:center;
        color:white;
        background:red;
        border:none;
        border-radius:3px;
    }
    ::placeholder {
  color: white;
  font-weight:bold;
  opacity: 1; /* Firefox */
        }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: white;
 font-weight:bold;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color: white;
 font-weight:bold;
}
    #firsttext{
        position:absolute;
        width:230px;
        height:auto;
        padding:7px 0px;
        background:#000;
        opacity:0.8;
        color:white;
        z-index:3;
        text-align:center;
        font-size:110%;
        font-weight:bold;
        bottom:10px;
    }
        #secondtext{
        position:absolute;
        width:230px;
        height:230px;
        background:none;
        z-index:8;
        top:10px;
        left:10px;
        transition: background 2s;
    }
    #secondtext:hover{
        background:blue;
    }
    
    #details{
        margin-left:auto;
        margin-right:auto;
        margin-top:100px;
        width:120px;
        text-align:center;
        background:red;
        border-radius:6px;
        color:#fff;
        padding:5px;
        display:none;
        z-index:9;
    }
    #secondtext:hover #details{
        display:block;
    }
    
    @media only screen and (max-width: 1200px){
        
         .single_image{
        width:230px;
        height:230px;
        position:relative;
        
        padding:10px;
        margin-top:10px;
        z-index:1;
    }
        .single_image img{
        width:210px;
        height:210px;
        z-index:2;
    }
    #firsttext{
        position:absolute;
        width:210px;
        height:auto;
        padding:7px 0px;
        background:#000;
        opacity:0.8;
        color:white;
        z-index:3;
        text-align:center;
        font-size:110%;
        font-weight:bold;
        bottom:10px;
    }
        #secondtext{
        position:absolute;
        width:210px;
        height:210px;
        background:none;
        z-index:8;
        top:10px;
        left:10px;
        transition: background 2s;
    }
    #secondtext:hover{
        background:blue;
    }
    
    #details{
        margin-left:auto;
        margin-right:auto;
        margin-top:100px;
        width:120px;
        text-align:center;
        background:red;
        border-radius:6px;
        color:#fff;
        padding:5px;
        display:none;
        z-index:9;
    }
        
    }
    
    @media only screen and (max-width: 1050px){
        .single_image{
        width:90%;
        height:300px;
        position:relative;
        padding:0;
        margin-top:10px;
        margin-left:5%;
        margin-right:5%;
    }
        .single_image img{
        width:100%;
        height:300px;
    }
    #firsttext{
        position:absolute;
        width:100%;
        height:auto;
        padding:7px 0px;
        background:#000;
        opacity:0.8;
        color:white;
        z-index:3;
        text-align:center;
        font-size:110%;
        font-weight:bold;
        bottom:10px;
    }
        #secondtext{
        position:absolute;
        width:100%;
        height:300px;
        background:none;
        z-index:8;
        top:0px;
        left:0px;
        transition: background 2s;
    }
        #details{
        margin-top:120px;
        width:120px;
    }
    }
    
    @media only screen and (max-width: 750px){
        .formdiv{
        width:90%;
        margin-left:5%;
        margin-right:5%;
        height:350px;
        background-image: linear-gradient(to bottom right,#33ccff,#b30086);
          }
     #formcall{
        right:20px;
        top:45px;
    }
    #formcontact{
            display:none;
        }
    #input1:first-child{
        margin-left:5%;
    }
    #input1{
        width:90%;
        margin-left:5%;
        margin-right:5%;
        padding:7px 5px;
        background:none;
        color:#fff;
        margin-top:10px;
    }
    #input2{
        margin-left:5%;
        width:90%;
        padding:12px 5px;
        text-align:center;
        color:white;
        background:red;
        border:none;
        margin-top:10px;
    }        
      .single_image{
        width:90%;
        height:300px;
        position:relative;
        padding:0;
        margin-top:10px;
        margin-left:5%;
        margin-right:5%;
    }
        .single_image img{
        width:100%;
        height:300px;
    }
    #firsttext{
        position:absolute;
        width:100%;
        height:auto;
        padding:7px 0px;
        background:#000;
        opacity:0.8;
        color:white;
        z-index:3;
        text-align:center;
        font-size:110%;
        font-weight:bold;
        bottom:10px;
    }
        #secondtext{
        position:absolute;
        width:100%;
        height:300px;
        background:none;
        z-index:8;
        top:0px;
        left:0px;
        transition: background 2s;
    }
        #details{
        margin-top:120px;
        width:120px;
    }
    }